<template>
  <div class="top">
    <div>
      <van-icon @click="back()" name="arrow-left" />
      <!-- <h1>账户</h1> -->
      <slot></slot>
      <van-icon name="ellipsis" />
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    back() {
      this.$router.push("/index");
    },
  },
};
</script>

<style lang="scss" scoped>
.top {
  width: 100%;
  height: 0.83rem;
  background: #3269b1;
  display: flex;
  align-content: flex-end;
  border-bottom: 1px solid #1353a6;
  > div {
    width: 90%;
    height: 0.6rem;
    margin: auto;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.2rem;
    // background: #999;
    box-sizing: border-box;
    padding-top: 0.2rem;
  }
}
</style>